.routes_right{
    
    position: fixed;
    top: 13rem;
    right: 0;
    z-index: 999;
    

    .routes_open{
        width: 3.2rem;
        height: 3.2rem;
        background-color: rgba($color:#000,$alpha:.6);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        
        p{
            background: url(../images/leftnav-open.png) no-repeat center center;
            width: 1.5rem;
            height: 1.5rem;
            
        }
    }
    .right_close{
        width: 16rem;
        height: 20rem;
        background-color: rgba($color:#000,$alpha:.8);
        .bg_btn{
            margin-left: 2rem;
            width: 2rem;
            height: 2rem;
            background-color: rgba($color:#000,$alpha:.6);
            display: flex;
            align-items: center;
            justify-content: center;
            p{
                background:url(../images/leftnav-close.png) no-repeat center center;
                width: 1rem;
                height: 1rem;
                
                background-size: cover;
            }
        }
        .bg_main{
            margin-top: 2.5rem;
            margin-left: 2rem;
            span{
                display: block;
                color: #fff;
                font-size: 1rem;
            }
            .el-date-editor.el-input{
                width: 12rem;
                height: 2rem;
                display: block;
                margin: 0.5rem 0;
                
            }
            .el-input--prefix .el-input__inner{
                padding-left: 0.5rem;
                height: 100%;
                font-size: 1rem;
               
            }
            .el-input--suffix .el-input__inner{
                padding-right: 0;
            }
            .el-input__icon{
                display: none;
            }
        }
        .bg_click{
            width: 8rem;
            height: 3rem;
            background-color: #000;
            margin-top: 2.5rem;
            margin-left: 2rem;
            border-radius: 0.25rem;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            span{
                color: #fff;
                font-size: 1rem;
            }
        }
    }
}


.promptNull{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 999;
    .hot_prompt{
        position: absolute;
        top: 20rem;
        left: 40rem;
        width: 16rem;
        height: 12rem;
        background-color: rgba($color:#000,$alpha:0.6);
        z-index: 999;
        h2{
            text-align: center;
            color: #fff;
            font-size: 1rem;
            margin-top: 1rem;
        }
        .prompt_content{
            width: 15rem;
            height: 8rem;
            margin: 1rem 0.5rem 0 0.5rem;
            background-color: #fff;
    
            position: relative;
            >span{
                display: block;
                text-align: center;
                padding-top: 2rem;
                font-size: 1rem;
            }
            // display: flex;
            // align-items: center;
            // justify-content: center;
            // cursor: pointer;
            button{
                width: 3rem;
                height: 2rem;
                background-color: #062e4d;
                color: #fff;
                border: 0;
                border-radius: 0.4rem;
                font-size: 1rem;
                position: absolute;
                bottom: 1rem;
                right: 1rem;
                cursor: pointer;
            }
        }
    }
}

.setAlarmBg{
    width:100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 999;
    
    .hot_prompt {
        width: 34.5rem;
        // height: 12rem;
        overflow: hidden;
        top: 20rem;
        left: 30rem;
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        h2{
            text-align: center;
            color: #fff;
            font-size: 1rem;
            margin-top: 1rem;
        }
        i{
           display: inline-block;
           position: absolute;
           top: 1rem;
           right: 1rem;
           color: #fff;
           cursor: pointer;
        }
        .prompt_content{
            width: 33.5rem;
            height: 11rem;
            background: #fff;
            margin: 0.5rem 0.5rem;
            label{
                display: inline-block;
                font-size: 0.9rem;
                float: left;
                color: #999999;
                margin-top: 2.4rem;
                margin-left: 1rem;
            }
            .el-input {
                width: 10rem;
                height: 2rem;
                overflow: hidden;
                float: left;
                margin-right: 0.8rem;
                margin-top: 2rem;
                .el-input__inner{
                    height: 100%;
                    font-size: 0.8rem;
                    text-align: center;
                }
                .el-input__suffix{
                    width: 0;
                    height: 0;
                    overflow: hidden;
                }
            }
            .infolist{
                overflow: hidden;
              
            }
            .setYZAL,.setAL{
                width: 6rem;
                height: 2rem;
                background-color: #062e4d;
                color: #fff;
                border: 0;
                border-radius: 0.4rem;
                font-size: 1rem;
                position: absolute;
                bottom: 1rem;
                right: 1rem;
                cursor: pointer;
            }
            .setYZAL{
                right: 10rem;
            }
            .setAL{
                right: 2.5rem;
            }
        }
    }
    
}

.video{
    width: 0;
    height: 0;
    display: none;
}